// 原理:监听页面改变/缩放时,重新获取页面宽度,按比例重新设置根元素html的fontsize值
   /*动态改变根元素字体大小*/
//动态改变根元素的字体大小
   function recalc() {
// 	获取设备的宽度
    var clientWidth = document.documentElement.clientWidth;
    if(!clientWidth) return;
    document.documentElement.style.fontSize = 100 * (clientWidth / 640) + 'px';
//  人为定义1rem = 100px;
//  当元素在设计上宽度为320px = width : 3.2rem;
//  
   }
   
   function initRecalc() {
    recalc();
    var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
    if(!document.addEventListener) return;
//  通过添加监听事件,当页面改变的时候重新修改html,.font-size
    window.addEventListener(resizeEvt, recalc, false);
    document.addEventListener('DOMContentLoaded', recalc, false);
   }
// 初始化的时候调用一次
   initRecalc();